﻿<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
    <title></title>
    <meta charset="utf-8" />
    <link href="../themes/default/easyui.css" rel="stylesheet" />
    <link href="../themes/icon.css" rel="stylesheet" />
    <script src="../script/jquery.min.js"></script>
    <script src="../script/jquery.easyui.min.js"></script>
</head>
<body>
   

    <input id="pwd" name="pwd" type="password" class="easyui-validatebox" data-options="required:true" />
    <input id="rpwd" name="rpwd" type="password" class="easyui-validatebox"
           required="required" validType="equals['#pwd']" /> 
    <script>
    // extend the 'equals' rule
    $.extend($.fn.validatebox.defaults.rules, {
    equals: {
    validator: function(value,param){
    return value == $(param[0]).val();
    },
    message: 'Field do not match.'
    }
    });

    </script>
    <!--<script type="text/javascript">
        function submitForm() {
            $('#ff').form('submit', {
                onSubmit: function () {
                    return $(this).form('enableValidation').form('validate');
                }
            });
        }
        function clearForm()
        {
            $('#ff').form('clear');
        }
    </script>-->
</body>
</html>
